{extend name="./template/mip/pub/base.html" /}
{block name="seo"}
<title>漫画大全-{$site_name}</title>
<meta name="description" content="{$site_name}为大家带来最新漫画大全，这里有超多漫画资源，无论是韩国漫画，少女漫画，还是恐怖漫画，总有一个让你酣畅淋漓">
{/block}
{block name="css"}
<style mip-custom>
    mip-gototop {
        display: none !important;
        border-radius: 5px;
        width: 36px;
        height: 36px;
        background-size: 50% 50%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border: 1px solid #999;
        background-image: url();
        background-color: #fff
    }

    .mip-gototop-show {
        display: block !important
    }

</style>
{/block}
{block name="content"}
<!--标题栏-->
<mip-fixed type="top">
    <div class="topBar">
        <a href="/" data-type="mip" data-title="首页">
            <mip-img layout="container" src="/template/mip/images/main_logo.png"
                     class="mainlogo mip-element mip-layout-container mip-img-loaded" alt="土豪漫画" mip-firstscreen-element="">
            </mip-img>
        </a>
        <span class="d-fr" on="tap:right-sidebar.open">
            <mip-img id="imgMenu" class="mip-fill-content mip-replaced-content" src="/template/mip/images/menu_logo.png"></mip-img>
        </span>
        <a data-type="mip" class="d-fl" href="/{$search_ctrl}">
            <mip-img layout="container" src="/template/mip/images/search_logo.png"
                     class="searchlogo mip-element mip-layout-container mip-img-loaded">
            </mip-img>
        </a>
    </div>
</mip-fixed>
<div class="landing-row row--split">
    <div class="row-item">
        <a data-type="mip" title="排行" href="/{$update_act}">
            <i class="sprite-index-rank icon">&nbsp;</i>
            <div class="plain-text">排行</div>
        </a>
    </div>
    <div class="row-item">
        <a data-type="mip" title="分类" href="/{$update_act}">
            <i class="sprite-index-category icon"></i>
            <div class="plain-text">分类</div>
        </a>
    </div>
    <div class="row-item">
        <a data-type="mip" title="更新" href="/{$update_act}">
            <i class="sprite-index-update icon"></i>
            <div class="plain-text">更新</div>
        </a>
    </div>
    <div class="row-item">
        <a data-type="mip" title="会员" href="{$url}/ucenter">
            <i class="sprite-index-jp icon"></i>
            <div class="plain-text">会员</div>
        </a>
    </div>
</div>

<div class="manList">
    <div class="titleBar">
        <mip-img layout="container" class="dc mip-element mip-layout-container mip-img-loaded"
                 src="/template/mip/images/index_title_2.png">
        </mip-img>
        <h2 class="title">万众追更</h2>
        <a data-type="mip" href="/{$update_act}" class="other d-fr" title="万众追更">
            <span>更多</span>
            <mip-img layout="container" class="dc mip-element mip-layout-container mip-img-loaded"
                     src="/template/mip/images/arrow_right.png">
            </mip-img>
        </a>
    </div>
    <ul class="am-avg-sm-3 am-thumbnails list">
        {volist name="newest" id="vo"}
        <li class="am-thumbnail">
            <a data-type="mip" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">
                <div class="s_img">
                    <mip-img layout="fill" src="{$vo.cover_url}" alt="{$vo.book_name}"
                             class="mip-element mip-layout-fill mip-layout-size-defined mip-img-loaded">
                        <img class="mip-fill-content mip-replaced-content" src="{$vo.cover_url}" alt="{$vo.book_name}">
                    </mip-img>
                </div>
            </a>
            <p class="d-nowrap"><a data-type="mip" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a></p>
        </li>
        {/volist}
    </ul>
</div>

<div class="manList">
    <div class="titleBar">
        <mip-img layout="container" class="dc mip-element mip-layout-container mip-img-loaded"
                 src="/template/mip/images/index_title_1.png">
        </mip-img>
        <h2 class="title">精选漫画</h2>
        <a data-type="mip" href="/{$update_act}" class="other d-fr" title="万众追更">
            <span>更多</span>
            <mip-img layout="container" class="dc mip-element mip-layout-container mip-img-loaded"
                     src="/template/mip/images/arrow_right.png">
            </mip-img>
        </a>
    </div>
    <ul class="am-avg-sm-3 am-thumbnails list">
        {volist name="ends" id="vo"}
        <li class="am-thumbnail">
            <a data-type="mip" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">
                <div class="s_img">
                    <mip-img layout="fill" src="{$vo.cover_url}" alt="{$vo.book_name}"
                             class="mip-element mip-layout-fill mip-layout-size-defined mip-img-loaded">
                        <img class="mip-fill-content mip-replaced-content" src="{$vo.cover_url}" alt="{$vo.book_name}">
                    </mip-img>
                </div>
            </a>
            <p class="d-nowrap"><a data-type="mip" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a></p>
        </li>
        {/volist}
    </ul>
</div>

<div class="manList">
    <div class="titleBar">
        <mip-img layout="container" class="dc mip-element mip-layout-container mip-img-loaded"
                 src="/template/mip/images/index_title_5.png">
        </mip-img>
        <h2 class="title">热门漫画</h2>
        <a data-type="mip" href="/rank" class="other d-fr" title="万众追更">
            <span>更多</span>
            <mip-img layout="container" class="dc mip-element mip-layout-container mip-img-loaded"
                     src="/template/mip/images/arrow_right.png">
            </mip-img>
        </a>
    </div>
    <ul class="am-avg-sm-3 am-thumbnails list">
        {volist name="hot" id="vo"}
        <li class="am-thumbnail">
            <a data-type="mip" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">
                <div class="s_img">
                    <mip-img layout="fill" src="{$vo.cover_url}" alt="{$vo.book_name}"
                             class="mip-element mip-layout-fill mip-layout-size-defined mip-img-loaded" >
                        <img class="mip-fill-content mip-replaced-content" src="{$vo.cover_url}" alt="{$vo.book_name}">
                    </mip-img>
                </div>
            </a>
            <p class="d-nowrap"><a data-type="mip" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a></p>
        </li>
        {/volist}
    </ul>
</div>

{volist name="catelist" id="cateItem"}
{in name="$cateItem.tag.id" value="1,2,3"} <!-- value里的数字是后台分类ID，填哪几个数字就展示哪几个分类 -->
<div class="manList">
    <div class="titleBar">
        <h2 class="title">{$cateItem.tag.tag_name}</h2>
        <a data-type="mip" href="/{$update_act}?tag={$cateItem.tag.tag_name}" class="other d-fr" title="{$cateItem.tag.tag_name}">
            <span>更多</span>
            <mip-img layout="container" class="dc mip-element mip-layout-container mip-img-loaded"
                     src="/template/mip/images/arrow_right.png">
            </mip-img>
        </a>
    </div>
    <ul class="am-avg-sm-3 am-thumbnails list">
        {volist name="cateItem.books" id="vo" offset="0" length="9"}
        <li class="am-thumbnail">
            <a data-type="mip" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">
                <div class="s_img">
                    <mip-img layout="fill" src="{$vo.cover_url}" alt="{$vo.book_name}"
                             class="mip-element mip-layout-fill mip-layout-size-defined mip-img-loaded">
                        <img class="mip-fill-content mip-replaced-content" src="{$vo.cover_url}" alt="{$vo.book_name}">
                    </mip-img>
                </div>
            </a>
            <p class="d-nowrap"><a data-type="mip" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a></p>
        </li>
        {/volist}
    </ul>
</div>
{/in}
{/volist}
{/block}